<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
	<script type="text/javascript" src="/deng/include/include-css.js"></script>
	<title>短消息</title>
	<style type="text/css">
		#datatablesReceiver{
			width:99.9% !important;
		}
	</style>
</head>
<body>
	<div class="card-box">
		<ul id="myTab" class="nav nav-tabs nav nav-tabs tabs-bordered">
			<li class="active">
				<a href="#tab0" data-toggle="tab"  aria-expanded="false" class="nav-link active show">
					<i class="glyphicon glyphicon-pencil"></i>已发送
				</a>
			</li>
			<li>
				<a href="#tab1" data-toggle="tab" aria-expanded="false" class="nav-link">
					<i class="glyphicon glyphicon-indent-left"></i>我的消息
				</a>
			</li>
		</ul>
		<div id="myTabContent" class="tab-content">
			<div class="tab-pane active show"  id="tab0">
				<form class="m-form m-form--fit m-form--label-align-left m-form--group-seperator-dashed " method="POST" id="searchForm" onsubmit="search('datatables');return false;">
					<div class="m-portlet__body">
						<div class="form-group m-form__group row">
							<input type="hidden" value="0" name="type">
							<label class="col-form-label">发送时间:</label>
							<div class="col-lg-3">
								<div class="input-group">
									<input type="text" class="form_datetime form-control" placeholder="起始时间" name="ctime_st" />
									<label class="col-form-label">至</label>
									<input type="text" class="form_datetime form-control" placeholder="结束时间" name="ctime_et" />
								</div>
							</div>
							<label class="col-form-label">已读时间:</label>
							<div class="col-lg-3">
								<div class="input-group">
									<input type="text" class="form_datetime form-control" placeholder="起始时间" name="readtime_st" />
									<label class="col-form-label">至</label>
									<input type="text" class="form_datetime form-control" placeholder="结束时间" name="readtime_et" />
								</div>
							</div>
							<a href="javascript:search('datatables')" class="btn btn-light-primary font-weight-bold mr-2">
								<span><i class="fa fa-search"></i><span>检&nbsp;&nbsp;索</span></span>
							</a>
							<a href="javascript:resetAll();" class="btn btn-light-success font-weight-bold mr-2">
								<span><i class="fa fa-repeat"></i><span>清空条件</span></span>
							</a>
						</div>
					</div>
					<div class="m-portlet__foot m-portlet__no-border m-portlet__foot--fit">
						<div class="m-form__actions m-form__actions--solid">
							<div class="row">
								<div class="col m--align-left">
									<a class="btn btn-secondary m-btn m-btn--custom m-btn--label-success" href="javascript:toXtMessageAdd()">
										<span><i class="la la-plus la-lg"></i><span>新 增</span></span>
									</a>
									<!--<a class="btn btn-secondary m-btn m-btn&#45;&#45;custom m-btn&#45;&#45;label-primary" href="javascript:toXtSmsUpdate()">-->
										<!--<span><i class="fa fa-magic fa-lg"></i><span>修 改</span></span>-->
									<!--</a>-->
									<a class="btn btn-secondary m-btn m-btn--custom m-btn--label-danger m-btn--bolder m-btn--uppercase" href="javascript:delXtMessage(1)">
										<span><i class="fa fa-times"></i><span>删 除</span></span>
									</a>
								</div>
								<div class="col m--align-right">
									<a class="btn btn-light-warning font-weight-bold mr-2 m-btn m-btn--custom m-btn--icon" href="javascript:search('datatables')">
										<span><i class="fa fa-spin fa-refresh m-r-5"></i><span>刷 新</span></span>
									</a>
								</div>
							</div>
						</div>
					</div>
				</form>
				<!--end::Form-->
				<table id="datatables" class="table table-bordered table-striped table-hover" style="white-space: nowrap; width: 99.9%">
					<thead>
						<tr>
							<th><label class="mt-checkbox mt-checkbox-single mt-checkbox-outline"><input type="checkbox" class="checkall" /><span></span></label></th>
							<th>序号</th>
							<th>接收人</th>
							<th>是否已读</th>
							<th>发送时间</th>
							<th>已读时间</th>
							<th>操作</th>
						</tr>
					</thead>
				</table>
			</div>
			<div class="tab-pane " id="tab1">
				<form class="m-form m-form--fit m-form--label-align-left m-form--group-seperator-dashed " method="POST" id="searchReceiverForm" onsubmit="search('datatablesReceiver');return false;">
					<div class="m-portlet__body">
						<div class="form-group m-form__group row">
							<input type="hidden" value="1" name="type">
							<label class="col-form-label">发送时间:</label>
							<div class="col-lg-3">
								<div class="input-group">
									<input type="text" class="form_datetime form-control" placeholder="起始时间" name="ctime_st" />
									<label class="col-form-label">至</label>
									<input type="text" class="form_datetime form-control" placeholder="结束时间" name="ctime_et" />
								</div>
							</div>
							<label class="col-form-label">已读时间:</label>
							<div class="col-lg-3">
								<div class="input-group">
									<input type="text" class="form_datetime form-control" placeholder="起始时间" name="readtime_st" />
									<label class="col-form-label">至</label>
									<input type="text" class="form_datetime form-control" placeholder="结束时间" name="readtime_et" />
								</div>
							</div>
							<a href="javascript:search('datatablesReceiver')" class="btn btn-light-primary font-weight-bold mr-2">
								<span><i class="fa fa-search"></i><span>检&nbsp;&nbsp;索</span></span>
							</a>
							<a href="javascript:resetAll();" class="btn btn-light-success font-weight-bold mr-2">
								<span><i class="fa fa-repeat"></i><span>清空条件</span></span>
							</a>
						</div>
					</div>
					<div class="m-portlet__foot m-portlet__no-border m-portlet__foot--fit">
						<div class="m-form__actions m-form__actions--solid">
							<div class="row">
								<div class="col m--align-left">
									<a class="btn btn-secondary m-btn m-btn--custom m-btn--label-danger m-btn--bolder m-btn--uppercase" href="javascript:delXtMessage(2)">
										<span><i class="fa fa-times"></i><span>删 除</span></span>
									</a>
								</div>
								<div class="col m--align-right">
									<a class="btn btn-light-warning font-weight-bold mr-2 m-btn m-btn--custom m-btn--icon" href="javascript:search('datatablesReceiver')">
										<span><i class="fa fa-spin fa-refresh m-r-5"></i><span>刷 新</span></span>
									</a>
								</div>
							</div>
						</div>
					</div>
				</form>
				<table id="datatablesReceiver" class="table table-bordered table-striped table-hover" style="white-space: nowrap; width: 99.9%">
					<thead>
						<tr>
							<th><label class="mt-checkbox mt-checkbox-single mt-checkbox-outline"><input type="checkbox" class="checkallReceiver" /><span></span></label></th>
							<th>序号</th>
							<th>发送人</th>
							<th>是否已读</th>
							<th>发送时间</th>
							<th>已读时间</th>
							<th>操作</th>
						</tr>
					</thead>
				</table>
			</div>
		</div>
	</div>	
</body>
<script type="text/javascript" src="/deng/include/include.js"></script>
<script type="text/javascript" src="/deng/view/sys/xt-message/xt-message-list.js"></script>
<script type="text/javascript" src="/deng/view/sys/xt-message/xt-message-receiver-list.js"></script>
</html>
